
    <style>
        .searchList label{
            line-height: 34px;
        }
        #searchCommunity a{
            color: #0A6CD1;
        }
        #searchCommunity h5{
            background-image:url(/assets/accountLogo/xiaoqu.png);
            height: 34px;
            width: 34px;
            line-height: 20px;
            color: #ffffff;
            font-size:12px;
        }
        .panel-tools a{
            /*margin-left: -24px!important;*/
        }
        #s2id_city>a{
            padding-left: 12px;
            box-shadow: none;
            border-radius: 0;
            border-color: #eaeaea;
        }
        .select2-container .select2-choice>.select2-chosen{
            /*padding-top: 6px;*/
        }
        #page .ui-pagination-container{
            width: 100%;
           /* padding: 35px 0 0 0;*/
        }
        #page{
            display: flex;
            justify-content: center;
        }
        #page .ui-pagination-container .ui-pagination-page-item{
            color: #6a6c6f;
            text-shadow:none;
        }
        #page .ui-pagination-container .ui-pagination-page-item.active{
            color: #fff;
        }
        #page .ui-pagination-container .ui-pagination-page-item:hover{
            color: #fff;
        }
        #searchCommunity{
            background: #fff;
            margin: 0;
            overflow-y: auto;
            max-height: 450px;
        }
        @media screen and (max-height: 800px) {
            #searchCommunity {
                max-height: 150px;
            }
        }
    </style>
    <asset:stylesheet src="JQpage/jquery.pagination.css"/>
    <asset:javascript src="JQpage/jquery.pagination.min.js"/>
<div class="input-group" style="width:100px;position: absolute;z-index: 10;left: 20px;top:70px">
    <div class='input-group-btn' >
        <g:select class="form-control" name="city" id="city"
                  from="${com.cindata.City.findAllByNameInList(new com.cindata.ComponentService().evaluate(com.cindata.Component.findByCode('showCity')), [sort: 'name', order: 'asc'])}"
                  valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                  value="${params?.city}"
                  onchange="search()"/>
    </div>
    <input type="text" class="form-control" style="width:352px" id="search"/>
    <span class="fa fa-search" id='searchData' style="position: absolute;z-index: 20;right: 13px;top: 9px;cursor: pointer;font-size: 16px;color: #9d9fa2;"
       onclick="searchData(window.map)"></span>
    <div id="word2" style="z-index: 10; position: absolute;width:352px;top: 34px;"></div>
</div>
<div style="width:450px;position: absolute;z-index: 9;left: 20px;top:110px">
    <div class="">
        <div class="hpanel">
            <div class="panel-heading hbuilt" style="padding-left: 20px;">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                筛选条件
            </div>
            <div class="panel-body" style="padding-bottom: 8px; display: none">
                <div class="row">
                    <div class="col-sm-12" style="margin-bottom: 8px; padding-right: 13px;">
                        <label for="city" class="col-sm-2 control-label p-n p-t-xs p-b-xs">放贷日期</label>
                        <div class="col-sm-10 input-daterange input-group p-r-n p-l-md"  id="datepicker" style="width: 83%;">
                            <input type="text" class=" form-control " placeholder="放款时间"  style="height:28px"
                                   value="${params?.startDate}" name="startDateStart" id="startDateStart"
                                   onchange="searchData(window.map)"/>
                            <span class="input-group-addon" style="padding-bottom: 2px">至</span>
                            <input type="text" class=" form-control " placeholder="结束时间" style="height:28px"
                                   value="${params?.endDate}" name="startDateEnd" id="startDateEnd"
                                   onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row searchList" style="margin-bottom: 4px;">
                    <div class="form-group col-sm-6 m-n">
                        <label for="district" class="col-sm-5 p-n">行政区</label>
                        <div class="col-sm-7 district p-n " >
                            <g:select class="form-control" name="district" id="district"
                                      from=""
                                      valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                                      value="${params?.district}"
                                      noSelection="${["-1": '请选择行政区']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n" >押品风险</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="risk" id="risk"
                                      from="${com.cindata.dimension.RiskDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.risk}"
                                      noSelection="${["": '押品风险']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row searchList" style="margin-bottom: 4px;">
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n">贷款时长</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="loansDuration" id="loansDuration"
                                      from="${com.cindata.dimension.YearLimitDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.loansDuration}"
                                      noSelection="${["": '贷款时长']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n" >面积区段</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="buildArea" id="buildArea"
                                      from="${com.cindata.dimension.BuildAreaDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.buildArea}"
                                      noSelection="${["": '面积区段']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-sm-6 m-n">
                        <div class="col-sm-12 p-n">
                            <g:select class="form-control" name="customCode" id="customCode"
                                      from="${com.cindata.dimension.CustomDimension.executeQuery(" from CustomDimension c where c.parent is null and c.dictoryType = 'EstateRisk' order by orderNumber ")}"
                                      valueMessagePrefix="status" optionKey="code" optionValue="label"
                                      noSelection="${["": '已抵押数量']}"
                                      value="${params?.customCode}" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <div class="col-sm-12 p-n">
                            <g:select class="form-control" name="customValue" id="customValue"
                                      from="${com.cindata.dimension.CustomDimension.findAllByParent(null)}"
                                      optionKey="label" optionValue="label"
                                      value="${params?.customValue}"
                                      noSelection="${["": '请选择']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <ul class="list-group" id="searchCommunity">

                </ul>
                <div class="pagination" id="page"></div>
            </div>
        </div>
    </div>
</div>
